@charset "utf-8";

.mb-10  { margin-bottom:10px !important;}

.mb-5   { margin-bottom:5px !important;}

.pb-10  { padding-bottom:10px !important;}

.black  { color:#000 !important;}

.white  { color:#FFF !important;}

/*====== Start of header ========*/

.hdrWrap    { background:url(../images/hdr_bg.jpg) center top no-repeat; border-bottom:1px solid #FFF;}

.hdr        { width:960px;margin:0 auto; background:url(../images/hdr_bg.jpg) center top no-repeat; padding-bottom:25px;}

    .box_logo_search{}

    a.logo  { float:left; display:inline-block; width:416px; height:84px;  margin-top:36px;}

    .hdr_search{ background:url(../images/search_left.jpg) no-repeat left bottom; height:41px; padding-left:10px; float:right; display:inline; margin:56px 10px 0 0; }

    .hdr_search a{ display:block; float:left; width:42px; height:41px; background:url(../images/btn_search.jpg)}

    .hdr_search input{ background:url(../images/search_bg.jpg) repeat-x; height:29px; float:left; border:none; font-size:11px; line-height:26px; margin-top:12px;}

    .nav_wrap{ background:url(../images/nav_bg.jpg) repeat-x; height:55px;}

    .nav{ width:960px;margin:0 auto;clear:both;}

    .nav .text_home{ display:block; float:left; background:url(../images/text_trang_chu.jpg) no-repeat; width:118px; height:55px;}

    .nav .text_home:hover{ background:url(../images/text_trang_chu_hover.jpg) no-repeat;}

    .nav .text_shop{ display:block; float:left; background:url(../images/text_shop.jpg) no-repeat; width:94px; height:55px;}

    .nav .text_shop:hover{ background:url(../images/text_shop_hover.jpg) no-repeat;}

    .nav .text_phim{ display:block; float:left; background:url(../images/text_phim.jpg) no-repeat; width:93px; height:55px;}

    .nav .text_phim:hover{ background:url(../images/text_phim_hover.jpg) no-repeat;}

    .nav .text_download{ display:block; float:left; background:url(../images/text_download.jpg) no-repeat; width:123px; height:55px;}

    .nav .text_download:hover{ background:url(../images/text_download_hover.jpg) no-repeat;}

    .nav .text_lien_he{ display:block; float:left; background:url(../images/text_lien_he.jpg) no-repeat; width:100px; height:55px;}

    .nav .text_lien_he:hover{ background:url(../images/text_lien_he_hover.jpg) no-repeat;}

    .login{ background:url(../images/login_bg.jpg) repeat-x top; display:inline-block; float:right; margin-top:-11px; position:relative;}

    .login_left{ background:url(../images/login_left.jpg) no-repeat left top;}

    .login_right{ background:url(../images/login_right.jpg) no-repeat right top; height:50px; padding:10px 5px 0px 15px ; width:380px;}

    .login .input_data{ background-color:#E4E4E4; border:none; border-top:3px solid #D4D4D4; color:#aaa; padding:3px; width:132px; margin-right:3px;}

    .login .btn_search{ background:url(../images/btn_login.jpg) no-repeat; height:27px; width:86px; border:none; color:#fff;}



/*====== Start of Footer ========*/

.footer_wrap{ background:url(../images/footer_bg.jpg) repeat-x;}

    .footer{ width:960px;margin:0 auto; height:66px;}

        .footerLink{ clear:both; text-align:right; padding:20px 0px 8px 0px;}

        .footerLink a{ font-weight:bold;color:#818181; padding-left:20px;}

        .footerLink a:hover, .footerLink a.selected{ color:#FFF;}

        .copyRight  { text-align:right;color:#444;font-size:11px;}

/*====== Start of Content ========*/

.body_wrap{ clear:both; background:url(../images/content_bg.jpg) #EFEFEF top left repeat-x;}

.body{ clear:both;width:960px;margin:0 auto;padding:20px 0;}

    .image_top{}

    .banner{ border:1px solid #c1c1c1; padding:5px; width:800px; margin:0 auto;}

    .feedback{ clear:both;}

    .feedback a{ color:#0099FF; font-size:11px; background:url(../images/expand_feedback.jpg) no-repeat right 12px; display:block; padding:5px 13px 0 75px; float:left;}

    .tip_wrap{ padding-bottom:7px; padding-bottom:7px; margin:15px 0 10px 0; border-bottom:1px solid #F1BB18; clear:both;}

    .tip{ background:url(../images/text_ban_co_biet.jpg) #F1BB18 no-repeat top left; font-size:12px; padding-left:90px; padding:15px 0 5px 100px; height:30px; }

    .col_small  { width:215px;}

    .col_large  { width:732px; background:url(../images/content_bg_left.jpg) no-repeat top left;padding-left:8px;}

    .menu_left  { clear:both;}

    .box_menu{ clear:both;margin-top:20px;}

    .box_menu .image{display:block; padding-bottom:7px;}

    .menu_left{ padding:0px 0px 10px 0px;}

    .lv01{  padding:0;padding:7px 0 7px 13px;   background:url(../images/bullet.jpg) no-repeat left;}

    .lv01 a{ color:#666; font-weight:bold;}

    .lv02{padding-left:18px;}

    .lv02 .active, .menu_left .lv02 .inActive:hover{color:#000;display:block;padding:3px 0;padding-left:10px;background:url(../images/menu_bullet_lv2.gif) no-repeat left 7px;}

    .lv02 .inActive{color:#666;display:block;padding:3px 0;padding-left:10px;background:url(../images/menu_bullet_lv2.gif) no-repeat left 7px;}

    .padding_content{ padding:12px 0 12px 15px;}

    .filter select{ margin-right:27px; height:20px; line-height:25px;}

    .filter .date{ width:130px;}

    .filter .subtitle{ width:200px;}

    .pageView{font-weight:bold; height:30px;}

    .pageView a{height:30px;line-height:20px;color:#EB7018;border:1px solid #D8D8D8;padding:2px 5px 2px 5px;background:#FFF;-moz-border-radius: 5px;}

    .pageView a:hover{height:20px;color:#000;background:#EB7018;}

    .pageView .itemS{height:20px;line-height:20px;color:#000;background:#EB7018;border:1px solid #D8D8D8;padding:2px 5px 2px 5px;-moz-border-radius: 5px;}

    .pageView span{height:20px;padding:9px 5px 0px 5px;}

    .home_list_item{clear:both; padding-bottom:20px;}

    .home_item{ width:150px; border:1px solid #ddd; border-bottom:none; float:left; margin:10px 10px 0 0;}

    .text_image{ padding:3px; background-color:#EFEFEF;display:block;}

    .home_item_eng{ color:#F1BB18;font-size:9px;font-weight:bold;display:block; height:12px; overflow:hidden}

    .home_item_vi{ color:#666;font-size:9px;display:block; height:12px; overflow:hidden}

    .home_item_mix{ background:url(../images/home_item_mix.jpg) repeat-x; height:21px; padding-top:5px;}

/*====== Start of mix ========*/

.box_click{ background:url(../images/box_click_bg.jpg) #fff bottom repeat-x;-moz-border-radius:10px; padding:10px; width:200px; display:none;}

.box_click .text{font-size:11px;color:#666666;line-height:20px;display:block; text-align:justify}



.total_wrap{width:750px;margin:0 auto; filter:alpha(opacity=80);-moz-opacity: 0.8; opacity: .8; top:-50px}

.total{position:fixed; bottom:0;z-index:999;width:670px;height:80px;background:url(../images/total_bg.jpg) repeat; -moz-border-radius:10px 10px 0 0;bottom:0;border:1px solid #A99964;z-index:99; padding:12px 10px 3px 10px ; border-bottom:none;}

.total .left{width:670px; float:left;}

.count{ width:670px; height:28px; background:url(../images/count_bg.jpg) repeat-x; border:2px solid #A99964; -moz-border-radius: 15px;}

.count span{ display:block;height:28px; background:url(../images/count_pe.jpg) repeat-x; -moz-border-radius: 15px;}

.total .right{width:220px; float:right;}

.btn_fin{ width:85px; height:32px; background:url(../images/btn_fin.jpg) no-repeat; border:none;}



/*====== Start of fix 12-08-10 ========*/

.item_mask{ width:154px; height:210px; position:absolute;}

.item_mask:hover{ background:url(../images/item_add.png) center center no-repeat;}

.item_mask a{   width:134px; height:190px; display:block; display:block; margin:10px;}



.item_mask_seleted{ width:154px; height:268px; position:absolute; background:url(../images/item_selected.png) no-repeat top right;}

.item_mask_seleted a{float:right; display:block;width:30px; height:30px;}



.item_mask_process{ width:154px; height:268px; position:absolute; background:url(../images/item_process.png) no-repeat top right;}



.header{ font-family:Tahoma, Geneva, sans-serif;color:#F08B17; font-weight:bold; font-size:1.5em; text-transform:uppercase; float:left}

/*=========start of fix 29/09/10==========*/

.hdr        { width:960px;margin:0 auto; background:url(../images/hdr_bg.jpg) center top no-repeat; padding-bottom:14px;}

a.logo  { float:left; display:inline-block; width:153px; height:48px; margin-top:36px;}

.nav a{ border-right:1px solid #c1c1c1;}

.nav .text_shopcart{ display:block; float:left; background:url(../images/text_gio_hang.jpg) no-repeat; width:115px; height:55px;}

.nav .text_shopcart:hover{ background:url(../images/text_gio_hang_hover.jpg) no-repeat;}

.adTop{display:block; float:right; margin-top:20px;}

.login_right{ background:url(../images/login_right.jpg) no-repeat right top; height:50px; padding:10px 5px 0px 20px ; width:480px;}

.login .btn_search{ background:url(../images/btn_login.jpg) no-repeat; height:27px; width:86px; border:none; color:#fff; margin:0 3px; font-weight:bold; cursor:pointer;}

.login .welcome { border-right:none; color:#999; font-size:11px; padding-top:8px;}

.login .welcome a{ border-right:none; color:#999; padding:0 8px;}

.login .welcome a:hover{ text-decoration:underline;}

.login .welcome strong{ border-right:none; color:#999; padding-right:8px;}


/**************************************/
@charset "utf-8";

/*============================================================

Mr AnhTuan (tatuan142@yahoo.com)

Ver:07-2009

Support: IE6, IE7, FF2, FF3, Opera 9.62, Chrome 1.0.154.36

***********************************************/



/***********************************************/

/***** Global Settings *************************/

/***********************************************/

*{  margin:0; padding:0;}



html, body {

    margin:0px;

    padding:0px;

} 

body{

    font-family:Arial, Helvetica, sans-serif;

    font-size:12px;

}



/***********************************************/ 

/***** Links ***********************************/

/***********************************************/ 

a  {

    text-decoration:none;

    color:#666;

}

a:hover{

    color:#C60;

}

/***********************************************/

/***** Headings ********************************/

/***********************************************/ 

h1, h2, h3, h4, h5, h6, p { 

    margin:0px; 

    padding:0px;

} 

h1 {

    font-size:2em; 

    padding:0.8em 0 0.8em 0; 

    letter-spacing:-1px;

}

h2 {

    font-size:1.5em; 

    padding:0.8em 0 0.8em 0; 

    letter-spacing:-1px;

} 

h3 {

    font-size:1.25em; 

    padding:0.8em 0 0.8em 0;

}

h4 {

    font-size:1em; 

    padding:1em 0 1em 0;

}



/***********************************************/ 

/***** Common Formatting ***********************/

/***********************************************/

/*p {

    padding-bottom:1em;

    margin-bottom:1em;

}

*/

ul, ol {

    /*margin:0;

    padding:0 0 1.25em 0;*/

}

 

blockquote { /*quote*/

    margin:1.25em;

    padding:1.25em 1.25em 0 1.25em;

}

 

small {

    font-size:0.85em;

}

 

img {

    border:0; margin:0; padding:0;

    }

hr { /*Dong ngan ca'ch */

    border:1px solid #999;

    height:1px; /*For IE*/

    border-top:0px; /*For FF*/



    } 

sup { /*Thu.t duoi'*/

    position:relative;

    bottom:0.3em;

    vertical-align:baseline;

    }

 

sub { /*Len tren*/

    position:relative;

    bottom:-0.2em;

    vertical-align:baseline;

    }

 

acronym, abbr { /*Giai nghia cho tu viet tat*/

    cursor:help;

    letter-spacing:1px;

    border-bottom:1px dashed;

    }



/***********************************************/

/***** Forms ***********************************/

/***********************************************/

img {border:0;}

img, input, select {vertical-align:middle;}

body, img, form, fieldset {margin:0; padding:0;}

body, input, select, textarea {font-size:12px; font-family:Arial; color:#414d4c;}



form {

    margin:0;

    padding:0;

    display:inline;

    }

fieldset {

    border:1px solid #bbb;

    padding:5px 10px;

    }

legend {

    font-weight:bold;

    color:#333333;

    font-size:1.25em;

    } 

input, select, textarea {

    font:1em Arial, Helvetica, sans-serif;

    margin:0px;

    }

 

textarea {

    line-height:1.25;

    border:1px solid #ccc; 

    padding:3px; 

    margin-bottom:3px; 

    font:11px tahoma; 

    color:#333333;

    }

textarea:hover{ 

    border:1px solid #777;

}

label { /*thay vi tro? v�o radio th� tro? lu�n v�o text c� bao label*/

    /*cursor:pointer;*/

}

    

optgroup { /*l� mot thanh phan trong select , rat huu dung khi phan chia */

    background-color:#E8E7E1;

}



optgroup option {

    background-color:#FFFFFF;

    font:1em Arial, Helvetica, sans-serif;

}



dl {

    margin:0px;

    margin-bottom:10px;

    padding:0px;

    }



dt {    

    padding:0px;

    margin:0px;

    }



dd { 

    margin-left:20px; 

    margin-bottom:4px;

    }



/***********************************************/

/***** Tables **********************************/

/***********************************************/

 

table           { border:0; margin:0 0 0 0; padding:0; } 

/*table tr td   { padding:2px; }*/



/***********************************************/ 

/***** Wrapper *********************************/

/***********************************************/ 

.wrap          { width:960px;margin:0 auto; }



/***********************************************/ 

/***** Global Classes **************************/

/***********************************************/ 

 

.clearThis      { clear:both;font-size:0px;line-height:0px;height:0px;}

.clear          { clear:both; }

.clear-left     { clear:left; }

.float-left     { float:left !important ; }

.float-right    { float:right !important ; }

.float-none     { float:none !important ;}

 

.text-left      { text-align:left; }

.text-right     { text-align:right; }

.text-center    { text-align:center; }

.text-justify   { text-align:justify; }

 

.normal         { font-weight:normal;}

.bold           { font-weight:bold; }

.italic         { font-style:italic; }

.underline      { background:url(../images/menu_split_bottom.jpg) bottom repeat-x;}

.highlight      { background:#ffc; }

.small          { font-size:0.8em;}

 

.img-left       { float:left; margin:4px 10px 4px 0; }

.img-right      { float:right; margin:4px 0 4px 10px; }

 

.nopadding      { padding:0; }

.nomargin       { margin:0px;}

.noindent       { margin-left:0;padding-left:0; }

.nobullet       { list-style:none;list-style-image:none; }

.noborder       { border:0px;}



.border-solid   { border-style:solid}

.border-dashed  { border-style:dashed}

.border-dotted  { border-style:dotted}



.display-block  { display:block}

.display-none   { display:none}

.display-inline { display:inline-block}



/*.overflow-y       {overflow-y:scroll;}*/

.overflow-auto      {overflow:auto;}

.overflow-hidden{overflow:hidden;}



.no-border      { border:0px;}



.no-data, .status, .error { background:#FFF9D7 none repeat scroll 0 0; border:1px solid #E2C822; padding:8px;}

.no-data        { border-color:#E2C822;}

.status         { border-color:#E2C822;}

.error          { border-color:#E2C822;}



.relative       {position:relative; !important}

.fontSize-11{ font-size:11px !important;}





